/*   
Theme Name: Zap
Description: Zap is a Premium Wordpress Theme with a unique design and fully CMS features.&nbsp;&nbsp;<strong>DesignareThemes:</strong> <a href="http://www.facebook.com/DesignareThemes">Facebook</a>&nbsp;|&nbsp;<a href="http://www.twitter.com/DesignareThemes">Twitter</a>&nbsp;|&nbsp;<a href="http://support.designarethemes.com">Theme Support</a>
Author: DesignareThemes
Author URI: http://designarethemes.com
Version: 1.3
Tags:black,blue,brown,gray,green,orange,pink,purple,red,silver,tan,white,yellow,dark,light,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,flexible-width,editor-style,featured-images,flexible-header,full-width-template,microformats,post-formats,theme-options,translation-ready
Theme URI:
License:
License URI:
*/


/* MENU CSS */
header #menulava{
    position: relative;
    float: right;
    right: 0;
    -webkit-transition: linear .3s;
    -moz-transition: linear .3s;
    -ms-transition: linear .3s;
    -o-transition: linear .3s;
    transition: linear .3s;
}
header #menulava .menu-desc{
    font-family: 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 12px;
    font-weight: normal;
}
header #menulava > li{
    list-style: none;
    float: left;
    text-align: center;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    -webkit-transition: linear .3s;
    -moz-transition: linear .3s;
    -ms-transition: linear .3s;
    -o-transition: linear .3s;
    transition: linear .3s;
    height: auto;
    margin: 0 15px;
}

header #menulava > li ul {
    float: none; 
    padding: 0;
    width: 16.1538em; 
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    display: none; 
    visibility: hidden;
}
header #menulava li ul li {
    white-space: normal; 
    float: left; 
    width: 100%; 
    background: none repeat scroll 0% 0% white;
}
header #menulava li ul li:hover,
header #menulava li ul li a:hover {
    background: #10B9B9 !important;
}
header #menulava > li:hover,
header #menulava > li.active {
    border-bottom: 3px solid rgb(16, 185, 185);
}
header #menulava > li:hover > a,
header #menulava > li.active > a {
    color: rgb(16, 185, 185);
}
header #menulava > li:last-child{
    margin-right: 0px;
}
header #menu{
    -webkit-transition: linear .3s;
    -moz-transition: linear .3s;
    -ms-transition: linear .3s;
    -o-transition: linear .3s;
    transition: linear .3s;
    position: relative;
    float: right;
    bottom: -1px;
}
header #menulava > li > a{
    position: relative;
    color: hsl(0, 0%, 36%);
    float: left;
    padding: 0px 0 5px 0;
    text-decoration: none;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    -webkit-transition: linear .3s;
    -moz-transition: linear .3s;
    -ms-transition: linear .3s;
    -o-transition: linear .3s;
    transition: linear .3s;
}
header #menulava > li.current-menu-item > a, 
header #menulava > li.current-menu-ancestor > a{
    color: #10b9b9;
}
#menulava > li > a > .menu-desc{
    color: #888;
    font-weight: normal !important;	
}
#menulava > li ul li span.sf-sub-indicator i:before{
    content: "\f105";
}
.menu li{
    list-style: none;
}
.menu li a{
    text-decoration: none;
    color: #9b9b9b;
}
header #menu{
    right: 0;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, 
.sf-menu * {
    margin:0;
    padding:0;
    list-style:none;
}
.sf-menu ul {
    position:absolute;
    top:27px;
    width:10em;	
}
.sf-menu ul li {
    width:100%;
}
.sf-menu li:hover {
    visibility:inherit; 
}
.sf-menu li {
    float:left;
    position:relative;
}
.sf-menu a {
    display:block;
    position:relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left:0;z-index:99;
}
#menulava_top.sf-menu li:hover ul, #menulava_top.sfHover ul{
    top: 29px;
    margin-top: 0px;
    z-index: 99999;
}
/*fixed menu*/
.n-menu .sf-menu li:hover ul, .n-menu .sf-menu li.sfHover ul{
    margin-top: -11px;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
    top:-999em;
}
ul.sf-menu li li:hover ul, 
ul.sf-menu li li.sfHover ul, 
ul.sf-menu li li.sfHover ul ul, 
ul.sf-menu li li.sfHover ul ul ul {
    left:10em; 
    top:-9px;
}
ul.sf-menu li li:hover li ul, 
ul.sf-menu li li.sfHover li ul {
    top:-999em;
}
ul.sf-menu li li li:hover ul, 
ul.sf-menu li li li.sfHover ul {
    left:10em; 
    top:0;
}

/*** DEMO SKIN ***/
.sf-menu li li {
    background:	#fff;
    text-align: left;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.sf-menu li li a {
    color: #666 ;
    text-decoration: none;
    padding: 9px 35px 9px 12px;
    font-family: Helvetica Neue, Open Sans, Arial, sans-serif;
    font-weight: normal;
    border-bottom: 1px solid #eee;
    line-height: 20px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    letter-spacing: normal;
}
.sf-menu li ul li:last-child a{
    border-bottom: none ;
}
.sf-menu li li a:hover{
    color: white;
}
.sf-menu > li li.sfHover > a{
    color: #fff !important;
''}

/*** arrows **/
.sf-menu a.sf-with-ul {
    padding-right:2.25em;
    min-width:1px;
}
.sf-sub-indicator{
    position: relative;
    display: inline-block;
    margin-left: 5px;
    width: 10px;
    height: 14px;
    font-size: 1em;
}
#menulava li ul li .sf-sub-indicator{
    top:11px;
    background-position: 0 0;
    position: absolute;
    display: block;
    right: 1.2em;
}
#menulava li ul li a:hover > .sf-sub-indicator, 
#menulava li ul li > a:active > .sf-sub-indicator, 
#menulava li ul li .sf-menu ul li:hover > a > .sf-sub-indicator, 
#menulava li li.sfHover > a > .sf-sub-indicator{
    top:11px;
    background-position: -10px 0;
}
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator, 
header #menulava > li.current-menu-item > a > .sf-sub-indicator, 
header #menulava > li.current-menu-ancestor > a > .sf-sub-indicator {
    background-position: -10px -100px;
}
.sf-menu ul .sf-sub-indicator { 
    background-position:  -10px 0; 
}
.sf-menu ul a > .sf-sub-indicator { 
    background-position:  0 0; 
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0;
}
.sf-shadow ul {
    -webkit-box-shadow: 0px 1px 4px 0px #c4c4c4; 
    box-shadow: 0px 1px 4px 0px #c4c4c4;
}
.sf-shadow ul.sf-shadow-off {
    background: transparent;
}
.sf-menu > li > ul > li > ul > li > ul.sub-menu{
    margin-top: 0px !important;
}
.sf-menu > li > ul li a > span.sf-sub-indicator{
    top: 9px !important;
    font-size: 1em;
}
/* MOBILE MENU */
#select-menu{
    display: none;
}
.dropdown-menu{
    -webkit-appearance: none;
    padding: 12px 10px;
    outline: none;
    overflow: hidden;
    font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: white;
    font-weight: bold;
    margin: 0;
    width: 100%;
    max-width: 100%;
    position: relative;
    left: 0;
    float: left;
}

/* STIKY MENU EFFECT */
.n-hc{
    -webkit-transition: linear .3s;
    -moz-transition: linear .3s;
    -ms-transition: linear .3s;
    -o-transition: linear .3s;
    transition: linear .3s;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(68, 68, 68, 0.2);
    box-shadow: 0px 1px 10px 0px rgba(68, 68, 68, 0.2);
    background: rgba(255, 255, 255, 0.9) !important;
    border-top: 1px solid #444;
}
.n-hm{
    min-height: 40px !important;
    -webkit-transition: linear .3s;
    -moz-transition: linear .3s;
    -ms-transition: linear .3s;
    -o-transition: linear .3s;
    transition: linear .3s;
}
.n-li{
    height: auto !important;
    min-height: 40px !important;
    -webkit-transition: linear .3s;
    -moz-transition: linear .3s;
    -ms-transition: linear .3s;
    -o-transition: linear .3s;
    transition: linear .3s;
}
.n-la{
    margin-top: -10px !important;
    -webkit-transition: linear .3s;
    -moz-transition: linear .3s;
    -ms-transition: linear .3s;
    -o-transition: linear .3s;	
    transition: linear .3s;
}
.n-menu{
    -webkit-transition: linear .3s;
    -moz-transition: linear .3s;
    -ms-transition: linear .3s;
    -o-transition: linear .3s;
    transition: linear .3s;
    bottom: -3px !important;
}
.n-menu #menulava > li > ul > li > ul{
    top: -9px !important;
}
.n-ma{
    -webkit-transition: linear .3s;
    -moz-transition: linear .3s;
    -ms-transition: linear .3s;
    -o-transition: linear .3s;
    transition: linear .3s;
    border-bottom: none !important;
}
.n-hc header #menulava > li > a, 
.n-hc header #menulava > li, 
.n-hc header #menulava{
    -webkit-transition: linear .3s !important;
    -moz-transition: linear .3s !important;
    -ms-transition: linear .3s !important;
    -o-transition: linear .3s !important;
    transition: linear .3s !important;
}
.n-slider-container{
    padding-top: 73px !important;
}
.n-slider-flex{
    padding-top: 73px !important;
}
.n-slogan{
    width: 45%;
}
.n-fullwidthcontainer{
    margin-top: 70px !important;
}
.wrapper header .menu {
    background: none;
    clear: both;
    position: relative;
    top: 15px;
}
header #menulava > li:hover > ul {
    display: block;
    visibility: visible;
}